<style>
.service-im {
  bottom: 10%;
  right: 0;
  width: 70px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.service-im hr {
  border: none;
  border-top: 1px solid #ccc;
}
.service-im .online-chat {
  font-size: 3em;
  line-height: 1;
  height: 60px;
}
.service-im .im-qq:hover .online-chat {
  color: #4a4a4a;
  font-size: 3.2em;
}

.service-im .im-qq img{
  width: 54px;
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
  transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940) 0ms;
}
.service-im .im-qq:hover img{
  width: 70px;
}
</style>
<div class="hi-xs affix pt1x pb1x align-center service-im">
  <a href="http://wpa.qq.com/msgrd?v=3&uin=2939662972&site=qq&menu=yes" target="_blank" class="db tdn gray im-qq" title="在线咨询">
    <strong class="font-xs normal">售前客服</strong>
    <span class="font-xs">售后客服</span>
    <hr>
    <span class="auto ovh trans online-chat">
      <i class="fa fa-wechat"></i>
    </span>
  </a>
  <strong class="font-xs">咨询热线</strong>
  <hr>
  <p class="im-tel font-xs">400-<br>888-1532</p>
</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?72e80cd15500d9ef3b33b6bf37650c28";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?c66e442b195f8dbd1b754949ac751d43";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>